
/* ==================
          头像
 ==================== */

.tien-avatar {
  font-variant: small-caps;
  margin: 0;
  padding: 0;
  display: inline-flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  /*background: #ccc;*/
  color: #fff;
  white-space: nowrap;
  position: relative;
  width: 32px;
  height: 32px;
  background-size: cover;
  background-position: center;
  vertical-align: middle;
  font-size: 1.5em;
}

.tien-avatar.sm {
  width: 24px;
  height: 24px;
  font-size: 1em;
}

.tien-avatar.lg {
  width: 48px;
  height: 48px;
  font-size: 2em;
}

.tien-avatar.xl {
  width: 64px;
  height: 64px;
  font-size: 2.5em;
}

.tien-avatar .avatar-text {
  font-size: 0.4em;
}

.tien-avatar-group {
  direction: rtl;
  unicode-bidi: bidi-override;
  padding: 0 5px 0 20px;
  display: inline-block;
}

.tien-avatar-group .tien-avatar {
  margin-left: -15px;
  border: 2px solid #f1f1f1;
  vertical-align: middle;
}

.tien-avatar-group .tien-avatar.sm {
  margin-left: -10px;
  border: 0.5px solid #f1f1f1;
}
